<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- STYLESHEETS --><!--[if lt IE 9]>
    <script src="../../js/flot/excanvas.min.js"></script>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="../../css/responsive.css">
    <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- SELECT2 -->
    <link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css"/>
    <!-- UNIFORM -->
    <link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css"/>
    <!-- datatable -->
    <link rel="stylesheet" href="../../js/datatables/datatable.css">
    <link rel="stylesheet" href="../../js/datepicker/datepicker.css">
    <!-- FONTS
    <link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
-->
</head>
<body>
<header class="navbar clearfix" id="header">
</header>

<!-- PAGE -->
<section id="page">
    <!-- SIDEBAR -->
    <div id="sidebar" class="sidebar">
        <div class="sidebar-menu nav-collapse">

            <!-- SIDEBAR MENU -->
            <ul>


            </ul>
            <!-- /SIDEBAR MENU -->
        </div>

    </div>
    <!-- /SIDEBAR -->
    <div id="main-content">
        <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="modal fade" id="box-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">账号明细</h4>
                    </div>
                    <div class="modal-body">

                        <div class="box border primary">
                            <div class="box-title">
                                <h4><i class="fa fa-table"></i>余额：<span id="totalprice"></span></h4>
                            </div>
                            <div class="box-body">
                                <table id="db_UserDetail_list" cellpadding="0" cellspacing="0" border="0" style="width:480px"
                                       class="datatable table table-striped table-bordered table-hover">

                                </table>
                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>

                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="container">
            <div class="row">
                <div id="content" class="col-lg-12">
                    <!-- PAGE HEADER-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="page-header">
                                <!-- STYLER -->

                                <!-- /STYLER -->
                                <!-- BREADCRUMBS -->
                                <ul class="breadcrumb">
                                    <li>
                                        <i class="fa fa-home"></i>
                                        <a href="index.html">首页</a>
                                    </li>
                                    <li>
                                        <a href="#">用户管理</a>
                                    </li>
                                    <li>用户列表</li>
                                </ul>
                                <!-- /BREADCRUMBS -->

                            </div>
                        </div>
                    </div>
                    <!-- /PAGE HEADER -->
                    <!-- FORMS QUERY-->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="box border primary">
                                        <div class="box-title">
                                            <h4><i class="fa fa-bars"></i>查询条件</h4>
                                        </div>
                                        <div class="box-body big" style="padding:10px;">
                                            <form class="form-horizontal" role="form" id="form_User">
                                                <div class="form-group mrg-bt10">
                                                    <label class="col-sm-1 control-label" style="width: 100px">手机号：</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" name="q" placeholder="输入手机号">
                                                    </div>

                                                    <label class="col-sm-1 control-label" for="e1" style="width: auto">昵称：</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" name="nikeName" placeholder="输入昵称">
                                                    </div>
                                                    <label class="col-sm-1 control-label" style="width: auto">注册日期：</label>
                                                    <div class="col-sm-4" style="display:inline-flex">
                                                        <div class="col-sm-2" style="width:130px">
                                                            <input type="text" name="startDate" class="form-control bootstrap-datepicker">
                                                        </div>
                                                        <div style="width: 20px">至</div>
                                                        <div class="float-left" style="width:130px">
                                                            <input type="text" name="endDate" class="form-control bootstrap-datepicker">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group mrg-bt10" style="margin-left:20px">
                                                    <label class="col-sm-1 control-label" for="e1" style="width: auto">来源：</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" name="fromCode" placeholder="请输入source值">
                                                    </div>
                                                    <label class="col-sm-1 control-label" for="e1" style="width: auto">代发货：</label>
                                                    <div class="col-sm-2">
                                                        <input type="checkbox" name="userType"></input>
                                                    </div>

                                                    <div class="col-sm-1">
                                                        <a class="btn btn-primary search">查询</a>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /FORMS QUERY -->

                    <div class="row">
                        <!-- TABLES -->
                        <div class="col-md-12">
                            <!-- BOX -->
                            <div class="box border primary">
                                <div class="box-title">
                                    <h4><i class="fa fa-table"></i>用户数：<span id="total"></span>条</h4>
                                </div>
                                <div class="box-body">
                                    <table id="db_User_list" cellpadding="0" cellspacing="0" border="0"
                                           class="datatable table table-striped table-bordered table-hover">

                                    </table>
                                </div>
                            </div>
                            <!-- /BOX -->
                        </div>
                    </div>
                    <!-- /TABLES -->


                    <div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
                    </div>
                </div><!-- /CONTENT-->
            </div>
        </div>
    </div>
</section>
<!--/PAGE -->
<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="../../js/jquery/jquery-2.0.3.min.js"></script>

<!-- BOOTSTRAP -->
<script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
<!-- BLOCK UI -->
<script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

<!-- AUTOSIZE -->
<script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
<!-- spinner -->
<script src="../../js/spinner/spin.js"></script>
<!-- DATA TABLES -->
<script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
<script type="text/javascript" src="../../js/datatables/datatable.js"></script>
<script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
<script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
<script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

<!-- INPUT MASK -->
<script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
<!--bootbox-->
<script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
<!-- SELECT2 -->
<script type="text/javascript" src="../../js/select2/select2.min.js"></script>
<!-- UNIFORM -->
<script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
<script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
<!-- COOKIE -->
<script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
<!-- CUSTOM SCRIPT -->
<script src="../../js/script.js"></script>
<script src="../../js/common.js"></script>
<script>
    var User = function () {
        var $mainDataTable = null;
        var updateType = function () {
            var userType = $(this).attr("userType");
            var userId = $(this).attr("userId");
            var temp = userType === "Ordinary" ? "确认关闭代发货?" : "确认开启代发货?";
            $.confirm(temp, function () {
                $.ajax({
                    type: "get",
                    url: App.getContextPath() + "admin/user/updateUserType.do",
                    data: {id: userId, userType: userType},
                    async: true,
                    success: function (result) {
                        if (result.type === 'success') {
                            $.alert("更新成功");
                            searchUser();
                        } else {
                            $.alert(result.content);
                        }
                    }
                });
            });
        }
        var updateDistributor = function () {
            var userId = $(this).attr("userId");
            var userType = $(this).attr("userType");
            var temp = userType === "Distributor" ? "确认取消分销员?" : "确认成为分销员?";
            $.confirm(temp, function () {
                $.ajax({
                    type: "get",
                    url: App.getContextPath() + "admin/user/updateDistributor.do",
                    data: {id: userId},
                    async: true,
                    success: function (result) {
                        if (result.type === 'success') {
                            $.alert("更新成功");
                            searchUser();
                        } else {
                            $.alert(result.content);
                        }
                    }
                });
            });
        }
        var searchUser = function () {

            var startDate = $("input[name=startDate]").val();
            var endDate = $.dateAdd($("input[name=endDate]").val());
            var userType = $("[name=userType]").prop("checked") ? "Agent" : "";
            var userName = $("input[name=q]").val();
            var nikename = $("input[name=nikeName]").val();
            var fromCode = $("input[name=fromCode]").val();

            var url = App.getContextPath() + "admin/user/searchUser.do?username=" + userName + "&nikename=" + nikename + "&fromCode=" + fromCode + "&userType=" + userType;
            if (userName == "") {
                if (startDate != "")
                    url += "&startDate=" + startDate;
                if (endDate != "")
                    url += "&endDate=" + endDate;
            }
            if ($mainDataTable) {
                $mainDataTable.api().ajax.url(url).load();
                return;
            }
            var dtSetting = $.dataTableSetting({
                "ajaxSource": url,
                "serverSide": true,
                "bFilter": false,// 去掉搜索框
                "bLengthChange": true,// 每页显示数量
                "sScrollX": "100%",
                "sScrollXInner": "100%",
                "iDisplayLength": 25,
                "bSort": false,
                "aoColumns": [{
                    "mDataProp": "id",
                    "sTitle": "ID",
                    "width": "5%"
                }, {
                    "mDataProp": "userName",
                    "sTitle": "用户名",
                    "width": "10%",
                    "render": function (data, type, row) {
                        return row.userName.substr(0, 11);
                    }
                }, {

                    "sTitle": "邀请码",
                    "width": "8%",
                    "mDataProp": "shareCode"

                }, {

                    "sTitle": "来源",
                    "width": "8%",
                    "mDataProp": "fromCode"

                }, {
                    "sTitle": "用户头像",
                    "mDataProp": "headImageUrl",
                    "width": "10%",
                    "render": function (data, type, row) {
                        return "<img src='" + row.headImageUrl + "' width=30px height=30px>";
                    }
                }

                    , {

                        "sTitle": "昵称",
                        "width": "8%",
                        "mDataProp": "nickName"

                    }, {

                        "sTitle": "注册时间",
                        "width": "12%",
                        "render": function (data, type, row) {
                            return $.getLocalTime(row.createTime);
                        }
                    }, {

                        "sTitle": "会员类型",
                        "width": "8%",
                        "render": function (data, type, row) {
                            if (row.userType == "UserAgent") return "代理会员";
                            if (row.userType == "Distributor") return "分销员";
                            if (row.level == "10") return "女王会员";
                            return "普通用户";
                        }
                    }, {

                        "sTitle": "成长基金",
                        "width": "10%",
                        "mDataProp": "balancePrice",
                        "render": function (data, type, row) {
                            var userBalances = row.userBalanceList;
                            if (userBalances && userBalances.length > 0) {
                                var str = "";
                                $(userBalances).each(function(idx, item) {
                                    str += "<p><a href='../cps/trade_detail.html?userId=" + row.id + "&balancePrice=" + item.balancePrice + "&priceType=Balance' class='detail'>" + item.balancePrice + "</a></p>";
                                });
                                return str;
                            }
                            return "--";
                        }
                    }, {

                        "sTitle": "操作",
                        "width": "10%",
                        "render": function (data, type, row) {
                            var str = "";
                            /*if(row.level==10&&row.userType=="Ordinary"){
                                str="<a class='btn btn-danger btn-xs bt-update btn-width' userId='"+row.id+"'><i class='fa fa-pencil-square-o'></i>关闭女王</a>";

                            }*/
                            if (row.userType == "UserAgent")
                                str += "<a class='btn btn-danger btn-xs bt-close btn-width' userType='Ordinary' userId='" + row.id + "'><i class='fa fa-pencil-square-o'></i>关闭代理</a>";
                            if (row.userType === "Ordinary" && row.level === 1 || row.userType === "Distributor")
                                str += "<a class='btn btn-danger btn-xs bt-distribution btn-width' userType='" + row.userType + "' userId='"+ row.id + "'><i class='fa fa-pencil-square-o'></i>分销设置</a>";
                            /* if(row.userType=="Agent")
                                str+="<a class='btn btn-danger btn-xs bt-close btn-width' userType='Ordinary' userId='"+row.id+"'><i class='fa fa-pencil-square-o'></i>关闭代发货</a>";
                                else
                                 str+= "<a class='btn btn-success btn-xs bt-open btn-width' userType='Agent' userId='"+row.id+"'><i class='fa fa-pencil-square-o'></i>开启代发货</a>"; */
                            return str;

                        }
                    }]
            });

            $mainDataTable = $("#db_User_list").dataTable(dtSetting);
        }

        var getDetail = function () {
            var name = $(this).attr("username");
            var price = $(this).attr("price");
            var dtSetting = $.dataTableSetting({
                "ajaxSource": App.getContextPath() + "admin/uerBalance/searchDetailByUser.do?username=" + name,
                "serverSide": true,
                "bFilter": false,// 去掉搜索框
                "bLengthChange": true,// 每页显示数量
                "sScrollX": "100%",
                "sScrollXInner": "100%",
                "iDisplayLength": 10,
                "bSort": false,
                "aoColumns": [{
                    "mDataProp": "price",
                    "sTitle": "金额",
                    "width": "170px"
                }, {
                    "mDataProp": "createTime",
                    "sTitle": "变化时间",
                    "width": "150px",
                    "render": function (data, type, row) {
                        return $.getLocalTime(row.createTime);
                    }
                }, {
                    "sTitle": "变化原因",
                    "width": "200px",
                    "mDataProp": "remark"

                }
                ]
            });

            $("#db_UserDetail_list").dataTable(dtSetting);
            $("#totalprice").html(price);

            $("#box-config").modal("show");
            setTimeout(function () {
                $("#db_UserDetail_list_wrapper").find(".dataTables_scrollHeadInner").css("width", "");
                $("#db_UserDetail_list_wrapper").find(".dataTables_scrollHeadInner table").css("width", "");
            }, 500);


        };
        return {
            init: function () {
                $("[name=userType]").prop("checked", false);
                $.initDate($("#form_User"), 0, 0);
                $(".search").click(searchUser);
                $("#db_User_list").on("click", ".bt-close,.bt-open", updateType);
                $("#db_User_list").on("click", ".bt-distribution", updateDistributor);
                $("#db_User_list").on("click", ".detail", getDetail);
                $("#db_User_list").on("click", ".bt-update", function () {
                    var userId = $(this).attr("userId");
                    $.confirm("确定取消女王权益?", function () {
                        $.ajax({
                            type: "get",
                            url: App.getContextPath() + "admin/user/updateUserType.do",
                            data: {id: userId, userType: "Ordinary", level: 1},
                            async: true,
                            success: function (result) {
                                $.alert("更新成功");
                                searchUser();

                            }

                        });

                    });
                });

                searchUser();
            }
        }
    }();

    $(function () {
        $("#header").load("../head.html");
        App.init(); //Initialise plugins and elements
        User.init();

    });
</script>
<!-- /JAVASCRIPTS -->
</body>
</html>